<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commond/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>档期网</title>
<link rel="shortcut icon" href="${ctx }/image/logo_ico.ico" />
<link rel="shortcut icon" href="${ctx }/image/logo_ico.ico" />
<s:include value="/commond/keydesc.jsp"></s:include>
<link href="${ctx }/css/head/head.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/invite_nav.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/invite_week.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/view_fun.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/my_event.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/party.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/loading.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${ctx}/js/common/jquery.js"></script>
<script type="text/javascript" src="${ctx }/js/textareaAutoHeight.js"></script>
<script type="text/javascript" src="${ctx }/js/invite/invite_mode.js"></script>
<script type="text/javascript" src="${ctx}/js/common/common.js"></script>
<script type="text/javascript" src="${ctx}/js/control/calendar.js"></script>
<script type="text/javascript" src="${ctx }/js/invite/clip_week.js"></script>
</head>
<body>
<s:include value="/head.jsp"></s:include>
<div class="invite_page" style="min-height: 526px;">
    
    <table style="width:100%;">
        <tr>
            <td valign="top">
                <div class="invite_nav">
                    <div class="invite_table">
                        <div class="table_bg">
                            <a class="table_btm_ri" href="${ctx }/myclip/clip_day.html"></a>
                            <a class="table_zhou_onit" href="#"></a>
                            <!-- 
                            <a class="table_btm_yue" href="${ctx }/myclip/clip_month.html"></a>
                            <a class="table_btm_nian" href="${ctx }/myclip/clip_year.html"></a>
                             -->
                        </div>
                    </div>
                    <div class="invite_mouth_fun">
                    	<div style="float: left;margin-left: 5px;height: 1px;"></div>
	                        <a class="y_left" title="上一年" onclick="prevYearClick();"></a>
                    		<a class="m_left" title="上周" onclick="prevWeekClick();"></a>
                        <select id="mouth_fun_weekview_year" onchange="changeWeekView();">
                        </select>
                        <span class="nian"></span>
                        <span class="di" style="margin-left: 5px;margin-top: 6px;"></span>
	                    <select id="mouth_fun_weekview_week" onchange="changeWeekView();" style="width: 40px;">
	                    </select>
	                    <span class="zhou"></span>
                        	<a class="m_right" title="下周" onclick="nextWeekClick();"></a>
	                    	<a class="y_right" title="下一年" onclick="nextYearClick();"></a>
	                    <span class="btm_tweek" title="本周" onclick="getWeekEventsByToday();"></span>
                    </div>
                </div>
                <!-- 月视图功能  -->
                <!-- 月视图功能  
                    <table class="shaft_row" cellpadding="0" cellspacing="0">
                        <tr>
                            <td class="row">&nbsp;</td>
                        </tr>
                    </table>
                -->
                <div class="view_box">
                	<input type='hidden' id='weekinfoyear' />
                	<input type='hidden' id='weekinfoweek' />
                    <!-- 时间轴 -->
                    <div class="row" style="top:30px;">&nbsp;
                    </div>
                    <table class="invite_time_week" cellpadding="0" cellspacing="0">
                        <tr id="weeks">
                            <td  id="week1">星期日<p style="margin-top: 2px;margin-bottom: 0px;"></p></td>
                            <td  id="week2">星期一<p style="margin-top: 2px;margin-bottom: 0px;"></p></td>
                            <td  id="week3">星期二<p style="margin-top: 2px;margin-bottom: 0px;"></p></td>
                            <td  id="week4">星期三<p style="margin-top: 2px;margin-bottom: 0px;"></p></td>
                            <td  id="week5">星期四<p style="margin-top: 2px;margin-bottom: 0px;"></p></td>
                            <td  id="week6">星期五<p style="margin-top: 2px;margin-bottom: 0px;"></p></td>
                            <td  id="week7">星期六<p style="margin-top: 2px;margin-bottom: 0px;"></p></td>
                        </tr>
                    </table>
                    <!-- 时间轴 -->
                    <table class="invite_week" cellpadding="0" cellspacing="0" >
                        <!-- 坐标 -->
                        <tr id="crtclip" >
                            <td class="part">&nbsp;</td>
                            <td class="part">&nbsp;</td>
                            <td class="part">&nbsp;</td>
                            <td class="part">&nbsp;</td>
                            <td class="part">&nbsp;</td>
                            <td class="part">&nbsp;</td>
                            <td class="part">&nbsp;</td>
                        </tr>
                        <!-- 坐标 -->
                        
                    </table>
                    <table class="invite_week" cellpadding="0" cellspacing="0" id="joinclip" >
                    </table>
                    <table class="invite_week" cellpadding="0" cellspacing="0" id="emptyclip">
                    	<tr>
                    		<td class='invite_event noevent' title='双击立即添加档期' day="0"><div class='noevent'></div></td>
                    		<td class='invite_event noevent' title='双击立即添加档期' day="1"><div class='noevent'></div></td>
                    		<td class='invite_event noevent' title='双击立即添加档期' day="2"><div class='noevent'></div></td>
                    		<td class='invite_event noevent' title='双击立即添加档期' day="3"><div class='noevent'></div></td>
                    		<td class='invite_event noevent' title='双击立即添加档期' day="4"><div class='noevent'></div></td>
                    		<td class='invite_event noevent' title='双击立即添加档期' day="5"><div class='noevent'></div></td>
                    		<td class='invite_event noevent' title='双击立即添加档期' day="6"><div class='noevent'></div></td>
                    	</tr>
                    </table>
                    <div style="float: left;width: 100%;height: 55px;">
	                    <div class="shaft_col">
	                    </div>
                    </div>
                </div>                
                <!-- 月视图功能  -->
            </td>
            <td class="vf_open" align="right">
            	<div class="view_fun" style="width: 305px;">
                	<div class="view_con" style="border:1px solid #f4c200;">
                    	<div class="vf_invite" id="invite_clip_zone" >
                            <div class="vi_ivt" id="last_clip_zone">
                            </div>
                            <div class="vi_end" id="urgent_clip_zone" style="display: none;">
                            </div>                   
                            <!-- 筛选条件 -->
                            <div class="choose_list" style="display: none;" id="screen_clip_zone">
                            	<div class="cl_box">
                                    <div class="cl_title">显示视图筛选</div>
                                    <div class="cl_condition">
                                        <input type="checkbox" checked="checked" onchange="filterEvent(this,'work');"/>
                                        <span class="work">显示工作档期</span>
                                    </div>
                                    <div class="cl_condition">
                                        <input type="checkbox" checked="checked" onchange="filterEvent(this,'socal');"/>
                                        <span class="socal">显示社交档期</span>
                                    </div>
                                    <div class="cl_condition">
                                        <input type="checkbox" checked="checked" onchange="filterEvent(this,'sect');"/>
                                        <span class="sect">显示私人档期</span>
                                    </div>
                                    <div class="cl_condition">
                                        <input type="checkbox" checked="checked" onchange="filterEvent(this,'other');"/>
                                        <span class="other">显示其他档期</span>
                                    </div>
                                    <div class="cl_condition">
                                        <input type="checkbox" checked="checked" onchange="filterEvent(this,'c_import');"/>
                                        <span class="import" title="标记为重要">显示重要档期</span>
                                    </div>
                                    <div class="cl_condition">
                                        <input type="checkbox" checked="checked" onchange="filterEvent(this,'import');"/>
                                        <span class="c_import" title="未标记为重要">未标记为重要</span>
                                    </div>
                            	</div>
                            </div>
                            <!-- 筛选条件 -->
                        </div>     
                    </div>
                    
                    <div class="view_tab_out">
						<div class="view_tab_top"></div>
						<div class="view_tab">                    	
	                        <div class="vt_oc" id="vt_oc_optzone">                                
	                            <a id="new" class="new onit" effectzone='last_clip_zone' borderc="f4c200" style=""><b class="msgcount24"></b></a>
	                            <a id="urgent" class="urgent" effectzone='urgent_clip_zone' borderc="e6685d"><b class="msgcountj"></b></a>
	                        	<a id="screen" class="screen" effectzone='screen_clip_zone' borderc="01bff3">
	                        	</a>
	                    	</div>
	                    </div>
						<div class="view_tab_bottom"></div>
					</div>
                </div>
            </td>
        </tr>
    </table>
</div>
<!-- 中间部分结束 -->
<s:include value="/foot.jsp"></s:include>
<div id="td_box_detail" style="display:none;overflow: hidden;background: none transparent;width: 630px;">
	<div class="optdiv">
    	<a class="opt"></a>
	</div>
	<div class="td_box" style="width: 610px;">
	    <div style="width:590px; padding:20px 10px; float:left; position:relative;">
	    	<input id="td_box_eventid" type="hidden"/>
	        <ul class="part_info">
	            <li>
	                <span class="title">档期内容：</span>
	                <span id="td_box_title"></span>
	            </li>
	            <li>
	                <span class="title">发起人：</span>
	                <span id="td_box_publishname" class="detailname"></span>
	            </li>
	            <li style="display: none;">
	                <span class="title">转发人：</span>
	                <span id="td_box_forwardname" class="detailname"></span>
	            </li>
	            <li>
	                <span class="title">档期类型：</span>
	                <span class="event work" style="float:left;"></span>
	                <span style="width:auto; float:left" id="td_box_eventtype"></span>
	            </li>
	            <li>
	                <span class="title">活动时间：</span>
	                <span id="td_box_cliptime">
	                    
	                </span>
	            </li>
	            <li>
	                <span class="title">回复截止：</span>
	                <span id="td_box_deadlinetime" style="width:auto;">
	                </span>
	                <span id="td_box_processstatus" style="width:auto;">
	                </span>
	            </li>
	            <li>
	                <span class="title">活动地点：</span>
	                <span id="td_box_address"></span>
	            </li>
	            <li>
	                <span class="title">活动详情：</span>
	                <span id="td_box_content"></span>
	            </li>
	            <li>
	            	<div class="cck" id="td_box_showclock" style="height: 20px;padding-bottom: 22px;">
	                    <span class="title">提醒时间：</span>
	                    <!--
	                    <span>无</span>
	                    <span class="alarm">提前0分钟</span>
	                    <span class="alarm">提前5分钟</span>
	                    <span class="alarm">提前1天</span>
	                    <span class="alarm">提前1周</span>
	                    -->
	                    <span class="alarm" id="td_box_clocktime"></span>
	                </div>
	                <div style="display:none;height: 20px;padding-bottom: 22px;" class="cck" id="td_box_setclock" >
	                    <span style="width:14px" class="title">&nbsp;</span>
	                    <span style="width:auto; float:left;">设置提醒</span>
	                    <input type="text" size="15" value="" style="margin:0 10px;" class="data"/>
	                    <div class="timebg">
	                       	<a class="minus" onclick="hourminus(jQ(this).next());"></a>
	                       	<input maxlength="2" value="0" onblur="hourinput(this);" class="hminput" id="alerthour"/>
	                       	<a class="plus" onclick="hourplus(jQ(this).prev());"></a>
	                       </div>
						<span style="width: auto;">时</span>
						<div class="timebg">
	                       	<a class="minus" onclick="minminus(jQ(this).next());"></a>
	                       	<input maxlength="2" value="0" onblur="mininput(this);" class="hminput" id="alertmin"/>
	                       	<a class="plus" onclick="minplus(jQ(this).prev());"></a>
	                       </div>
						<span style="width: auto;">分</span>
	                    <input type="checkbox" style="margin: 2px 7px 1px 15px;" class="hasmobilechoose" checked=""/>
	                    <img style="float: left;" src="${ctx }/image/mobilemsg.png" width="16" height="16" alt="手机短信提醒" title="手机短信提醒" class="hasmobilechoose"/>
	                    <button style="margin-left: 10px;">确定</button>
	                    <div style="margin-top:10px;color:#ff0000;height: 14px;" id="td_box_setclock_info"></div>
	                </div>
	            </li>
	        </ul>
	        <div class="import" title="标记为重要" id="td_box_isvip"></div>
	        <div class="btm">
	            <a id="td_box_deve_icon" onclick="deleteClipEvent(this);"></a>
	            <a title="详情" class="info" onclick="detailClipEvent(this);"></a>
	            <a id="td_box_alert_icon"></a>
	        </div>
	    </div>
	</div>
</div>
<div class="monthviewopt" style="display: none;" id="viewopt">
	<input type="hidden" id="viewopt_eventid"/>
	<input type='hidden' id='viewopt_starttime' />
	<input type='hidden' id='viewopt_endtime' />
	<img src="${ctx }/image/load.gif" style="display: none;margin-left: 120px;margin-top: 25px;" align="middle" id="viewopt_img"></img>
	<p style="text-indent: 30px;font-size:15px;line-height: 25px;" id="viewopt_p"></p>
</div>
<div class="accept_msg_box" id="accept_msg_box" style="display: none;">
	<div class="msg_note" style="top: 100px;">
		<div class="msg_text" id="accept_msg_box_content"></div>
	</div>
</div>
</body>
</html>